<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>级联选择器</title>
    <link rel="stylesheet" href="css/qrm-pinming.css">

</head>
<body>
<!--品名开始-->
<div class="box">
	<div class="qrm-pinming">
	    <div class="qrm-input-border">
	        <input type="text" placeholder="请选择" class="qrm-input"  readonly="readonly" style="width: 250px">
	    </div>
		<div class="qrm-main" id="qrm-main">
<!--	        <div class="qrm-border1" style="display:none">-->
<!--	            <ul class="qrm-lev-1 qrm-lev" id="qrm-border1">-->
<!--	                &lt;!&ndash;统料&ndash;&gt;-->
<!--	                <li class="active">-->
<!--	                    <span>陕西</span><i class="qrm-arrow-right"></i>-->
<!--	                    <ul class="li-zi-1" style="display: none">-->
<!--	                        <li>-->
<!--	                            <span>西安市</span><i class="qrm-arrow-right"></i>-->
<!--	                            <ul class="li-zi-2" style="display: none">-->
<!--	                                <li>-->
<!--	                                    <span>新城区</span>-->
<!--	                                </li>-->
<!--	                                <li>-->
<!--	                                    <span>碑林区</span>-->
<!--	                                </li>-->
<!--	                                <li>-->
<!--	                                    <span>莲湖区</span>-->
<!--	                                </li>-->
<!--	                            </ul>-->
<!--	                        </li>-->
<!--	                        <li>-->
<!--	                            <span>铜川市</span><i class="qrm-arrow-right"></i>-->
<!--	                            <ul class="li-zi-2" style="display: none">-->
<!--	                                <li>-->
<!--	                                    <span>王益区</span>-->
<!--	                                </li>-->
<!--	                                <li>-->
<!--	                                    <span>印台区</span>-->
<!--	                                </li>-->
<!--	                                <li>-->
<!--	                                    <span>耀州区</span>-->
<!--	                                </li>-->
<!--	                            </ul>-->
<!--	                        </li>-->
<!--	                        <li>-->
<!--	                            <span>宝鸡市</span><i class="qrm-arrow-right"></i>-->
<!--	                            <ul class="li-zi-2" style="display: none">-->
<!--	                                <li>-->
<!--	                                    <span>渭滨区</span>-->
<!--	                                </li>-->
<!--	                                <li>-->
<!--	                                    <span>金台区</span>-->
<!--	                                </li>-->
<!--	                                <li>-->
<!--	                                    <span>陈仓区</span>-->
<!--	                                </li>-->
<!--	                            </ul>-->
<!--	                        </li>-->
<!--	                        <li>-->
<!--	                            <span>咸阳市</span>-->
<!--	                        </li>-->
<!--	                    </ul>-->
<!--	                </li>-->
<!--	            </ul>-->

<!--	        </div>-->
<!--	        <div class="qrm-border2" style="display:none">-->
<!--	            <ul class="qrm-lev-2 qrm-lev">-->

<!--	            </ul>-->

<!--	        </div>-->
<!--	        <div class="qrm-border3" style="display:none">-->
<!--	            <ul class="qrm-lev-3 qrm-lev">-->

<!--	            </ul>-->
<!--	        </div>-->
		</div>
	</div>
</div>
<!--品名结束-->

<script src="js/jquery.js"></script>
<script src="js/json.js"></script>
<script src="js/qrm-pinming.js"></script>
<script>
	$(function(){
		var attr=[{
			id:"1",
			name:"陕西",
			children:[
				{
					id:"2",
					name:"西安市",
					children:[
						{
							id:"3",
							name:"新城区",
						},
						{
							id:"3",
							name:"碑林区",
						},
						{
							id:"3",
							name:"莲湖区",
						}
					],

				},
				{
					id:"2",
					name:"铜川市",
					children:[
						{
							id:"3",
							name:"王益区",
						},
						{
							id:"3",
							name:"印台区",
						},
						{
							id:"3",
							name:"莲湖区",
						}
					],

				},
				{
					id:"2",
					name:"宝鸡市",
					children:[
						{
							id:"3",
							name:"渭滨区",
						},
						{
							id:"3",
							name:"金台区",
						},
						{
							id:"3",
							name:"陈仓区",
						}
					],

				},
			]
		}];
		select.creatMainRido("qrm-main",attr)
	})
</script>

</body>
</html>